header {
  height: 1rem;
  display: flex;
  justify-content: space-between;
  background-color: #606266;
  color: #fff;
}
header .logo{
  flex: 1;
  font-size: 0.32rem;
  line-height: 1rem;
  margin-left: 0.2rem;
}
header .user {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
header .user a, header .user span {
  text-decoration: none;
  color: #fff;
  font-size: 0.24rem;
  line-height: 1rem;
  margin: 0 0.1rem;
}

main .brief{
  margin: 0.2rem 0.1rem;
  box-shadow: 0 0 10px 4px #ccc;
  padding-bottom: 0.4rem;
}
main .brief h1 {
  font-size: 0.3rem;
  line-height: 0.8rem;
  color: #fff;
  background-color: #606266;
  text-indent: 0.1rem;
}

main .brief p {
  font-size: 0.26rem;
  line-height: 0.4rem;
  margin: 0.1rem;
  color: #606266;
}

main .go_to_music {
  height: 2rem;
  margin: 0.6rem 0.1rem 0 0.1rem;
  background: repeating-linear-gradient(40deg ,#ccc, #ccc 0.4rem, #fff 0.4rem, #fff 0.8rem);
  animation: move_in_l 500ms;
}

main .go_to_game {
  height: 2rem;
  margin: 0 0.1rem;
  background: repeating-linear-gradient(500deg ,#ccc, #ccc 0.4rem, #fff 0.4rem, #fff 0.8rem);
  animation: move_in_l 500ms;
}

main .go_to_music a, main .go_to_game a{
  text-decoration: none;
  color: #409EFF;
  font-size: 0.4rem;
  margin-left: 0.2rem;
  padding: 0.1rem;
}
footer {
  width: 100%;
  height: 1.8rem;
  line-height: 0.5rem;
  font-size: 0.28rem;
  text-align: center;
  color: #fff;
  padding-top: 0.2rem;
  background-color: #606266;
  margin-top: 0.4rem;
}

@keyframes move_in_l {
  from {transform: translateX(-100%);}
  to {transform: translateX(0);}
}

@media all and (min-width: 1260px) {
  header {
    height: 0.8rem;
  }
  header .logo{
    font-size: 0.32rem;
    line-height: 0.8rem;
  }
  header .user a, header .user span {
    font-size: 0.18rem;
    line-height: 0.8rem;
  }
  main .brief{
    margin: 0.2rem auto;
    width: 12rem;
    box-shadow: 0 0 10px 4px #ccc;
    padding-bottom: 0.4rem;
  }
  main .brief h1 {
    font-size: 0.2rem;
    line-height: 0.6rem;
  }
  main .brief p {
    font-size: 0.18rem;
    line-height: 0.4rem;
  }
  main .go_to_music {
    width: 12rem;
    height: 1.5rem;
    margin: 0.6rem auto 0;
    background: repeating-linear-gradient(40deg ,#ccc, #ccc 0.2rem, #fff 0.2rem, #fff 0.4rem);
  }
  
  main .go_to_game {
    width: 12rem;
    height: 1.5rem;
    margin: 0 auto;
    background: repeating-linear-gradient(500deg ,#ccc, #ccc 0.2rem, #fff 0.2rem, #fff 0.4rem);
  }
  
  main .go_to_music a, main .go_to_game a{
    font-size: 0.24rem;
  }
  footer {
    height: 1rem;
    line-height: 0.3rem;
    font-size: 0.18rem;
  }
}